🚀 SaaS Starter Kit — готовый шаблон для корпоративных SaaS-приложений на Next.js. Этот open-source проект включает всё необходимое для enterprise-решений: аутентификацию, платежи через Stripe, аудит-логи и даже синхронизацию с корпоративными каталогами.

Основанный на Next.js и TypeScript, шаблон уже настроен для работы с PostgreSQL через Prisma и покрыт end-to-end тестами на Playwright. Особенно удобна встроенная поддержка Docker Compose для быстрого развёртывания.

🤖 GitHub

@react_tg

Как стать профи в JavaScript? Вебинар для разработчиков, которые хотят расти

JavaScript — это не только язык программирования. Это целый мир, где важно уметь выбирать правильные инструменты и фреймворки, которые действительно помогут вам двигаться вперед.

На открытом вебинаре 21 апреля в 20:00 мск мы разберемся, как стать профессионалом, а не просто джуном. Обсудим:

— Почему одного знания JavaScript недостаточно для роста.
— Как фреймворки (React, Vue, Angular, Svelte) влияют на вашу карьеру и как выбрать тот, который подходит именно вам.
— Почему Node.js полезен фронтенд-разработчикам и как он ускоряет ваш путь в мире технологий.
— Как научиться быстро осваивать новые фреймворки и не бояться перемен.

Этот вебинар — не о коде, а о том, как осознанно развивать свою карьеру. Присоединяйтесь и получите скидку на большое обучение «JavaScript Developer. Professional»: https://otus.pw/a9L1/?erid=2W5zFGnNqbN

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Изображение преобразуется в информационную карточку при нажатии на значок ➡️

#карточки

https://codepen.io/chandrashekhar/pen/vrddgg

@react_tg

👾 ReasonReact — проект, предлагающий писать React-компоненты на ReasonML — типизированном языке c безупречным выводом типов и синтаксисом, вдохновлённым OCaml.

Это не новый фреймворк, а скорее "обёртка" над обычным React, которая добавляет автоматическую проверку типов и минимальный рантайм. Вы по-прежнему можете использовать существующие JavaScript-библиотеки, но с гарантией, что пропсы и состояния компонентов будут корректны на этапе компиляции.

🤖 GitHub

@react_tg

Используйте свойство columns, чтобы разделить статью на отзывчивые колонки 🚀.

🌐 LinguiJS — легковесная библиотека для интернационализации. Этот инструмент предлагает элегантное решение, для адаптации проекта под несколько языков без головной боли.

В отличие от громоздких аналогов, Lingui весит всего 3 КБ и поддерживает React-компоненты прямо внутри переводимых строк. В коде используется ICU MessageFormat — тот же стандарт, что и в популярных i18n-библиотеках, но с более простым синтаксисом. А встроенный CLI автоматически извлекает фразы для перевода из кода.

🤖 GitHub
@react_tg

CSS совет 💡

Для лучшего UX используйте :focus-visible вместо :focus для изменения стиля обводки ✅

@react_tg